.upload_box
{
	margin:auto;
    background: -moz-linear-gradient(90deg, #CCCCCC, #FFFFFF) repeat scroll 0 0 transparent;
    border: 1px solid #AAAAAA;
    border-radius: 10px 10px 10px 10px;
    box-shadow: 0 0 15px #AAAAAA;
    font-family : Arial;
    margin: 60px auto 0;
    padding: 20px;
    width: 600px;
    font-size : 12px;
}

h1 {
    border-bottom: 1px solid #CCCCCC;
    font-size: 11px;
    font-weight: bold;
    letter-spacing: 2px;
    margin-bottom: 20px;
    text-transform: uppercase;
}

h4 {
	font-size: 0.7em;
	font-family : Arial;
	font-style: italic;
	margin:0;
	color : #093C75;
}

.fileStatusBar, #global_percent {
	width : 100%;
	height : 5px;
	border-radius:5px;
	border : 1px solid black;
}

#global_percent {
	height : 10px;
	margin : 10px 0px 10px 0px;
}

.fileStatusBar .barStatus, #global_percent .globalStat {
	height : 100%;
	background: -moz-linear-gradient(180deg, #0BCDFF, #067CD3) repeat scroll 0 0 transparent;
}

#global_percent .globalStat {
	background: -moz-linear-gradient(180deg, #601595, #ad50ef) repeat scroll 0 0 transparent;
}

.upload_box input[type="submit"], .upload_box input[type="submit"] {
	background: -moz-linear-gradient(90deg, #0BCDFF, #067CD3) repeat scroll 0 0 transparent;
	border: 1px solid #093C75;
	border-radius: 3px 3px 3px 3px;
    box-shadow: 0 1px 0 #FFFFFF;
    color: #FFFFFF;
    cursor: pointer;
    font-family: Arial,sans-serif;
    font-size: 12px;
    font-weight: bold;
    margin-left: 120px;
    padding: 5px 10px;
    text-decoration: none;
    text-shadow: 0 1px 1px #333333;
    text-transform: uppercase;
}

#status {
	margin: auto;
	width: 500px;
	padding: 15px;
	background: -moz-linear-gradient(90deg, #CCCCCC, #FFFFFF) repeat scroll 0 0 transparent;
    border: 1px solid #AAAAAA;
    border-radius: 0 0 10px 10px;
    box-shadow: 0 0 15px #AAAAAA;
}

#downloading {
	font-family : Arial;
	font-size : 10px;
}

#waiting {
	border: 1px solid grey;
    border-radius: 10px 10px 10px 10px;
    box-shadow: 0 0 5px #AAAAAA;
    height: 15px;
    margin: auto;
    padding: 5px 5px 1px;
    width: 70px;
}

#circleG{
	width:46.666666666666664px;
	margin : auto;
}

.circleG{
	background-color:-moz-linear-gradient(90deg, #0BCDFF, #067CD3) repeat scroll 0 0 transparent;
	float:left;
	height:10px;
	margin-left:5px;
	width:10px;
	-webkit-animation-name:bounce_circleG;
	-webkit-border-radius:7px;
	-webkit-animation-duration:1.7999999999999998s;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-direction:linear;
	-moz-animation-name:bounce_circleG;
	-moz-border-radius:7px;
	-moz-animation-duration:1.7999999999999998s;
	-moz-animation-iteration-count:infinite;
	-moz-animation-direction:linear;
	opacity:0.3
}

#circleG_1{
-webkit-animation-delay:0.36s;
-moz-animation-delay:0.36s
}

#circleG_2{
-webkit-animation-delay:0.84s;
-moz-animation-delay:0.84s
}

#circleG_3{
-webkit-animation-delay:1.08s;
-moz-animation-delay:1.08s
}

@-webkit-keyframes bounce_circleG{
0%{
	opacity:0.3
}

50%{
opacity:1;
background-color:#39b4ea}

100%{
opacity:0.3}

}

@-moz-keyframes bounce_circleG{
0%{
opacity:0.3}

50%{
opacity:1;
background-color:#39b4ea}

100%{
opacity:0.3}

}
